﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_Admin.cshtml";
}

<div class="table-header">
    PRODUCT MANAGER
</div>

<div id="sample-table-2_wrapper" class="dataTables_wrapper" role="grid">
    <div class="row-fluid">
        <div class="span6">
            <div class="dataTables_length" id="sample-table-2_length">
                <label>
                    Display
                                    <select aria-controls="sample-table-2" size="1" name="sample-table-2_length">
                                        <option selected="selected" value="10">10</option>
                                        <option value="25">25</option>
                                        <option value="50">50</option>
                                        <option value="100">100</option>
                                    </select>
                    records</label>
            </div>
        </div>
        <div class="span6">
            <div id="sample-table-2_filter" class="dataTables_filter">
                <label>
                    Search:
                                    <input aria-controls="sample-table-2" type="text"></label>
            </div>
        </div>
    </div>
    <table aria-describedby="sample-table-2_info" id="sample-table-2" class="table table-striped table-bordered table-hover dataTable">
        <thead>
            <tr role="row">
                <th aria-label="" style="width: 57px;" colspan="1" rowspan="1" role="columnheader" class="center sorting_disabled">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </th>
                <th aria-label="Domain: activate to sort column descending" aria-sort="ascending" style="width: 168px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting_asc">Product ID</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Product Name</th>
                <th aria-label="Clicks: activate to sort column ascending" style="width: 133px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-480 sorting">Category ID</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Manufacturer ID</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Quantity Of Sale</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Quantity In Reserve</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Quantity Of View</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Quantity Of Share</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Quantity Of Like</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Main ImageUrl</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Product Price</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Description</th>
                <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Modify By</th>
                <th aria-label="Status: activate to sort column ascending" style="width: 164px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-480 sorting">Status</th>
                <th aria-label="" style="width: 159px;" colspan="1" rowspan="1" role="columnheader" class="sorting_disabled"></th>
            </tr>
        </thead>

        <tbody aria-relevant="all" aria-live="polite" role="alert">
            <tr class="odd">
                <td class="center">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </td>

                <td class="hidden-480">SP01</td>
                <td class="hidden-480">Bình siêu tốc cao cấp A-KE15S2</td>
                <td class="hidden-480 ">GD05</td>
                <td class="hidden-phone ">29</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">10</td>
                <td class="hidden-480 ">20</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">SP01/01.jpg</td>
                <td class="hidden-480 ">399000.00</td>
                <td class="hidden-480 ">Bình đun siêu tốc mang lại cho bạn nhiều tiện ích...</td>
                <td class="hidden-480 ">2</td>
                <td class="hidden-480 "><span class="label label-warning">1</span></td>

                <td class="td-actions ">
                    <div class="hidden-phone visible-desktop action-buttons">
                        <a class="blue" href="#">
                            <i class="icon-zoom-in bigger-130"></i>
                        </a>

                        <a class="green" href="#">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="odd">
                <td class="center">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </td>

                <td class="hidden-480">SP02</td>
                <td class="hidden-480">BÌNH ĐUN SANYO U-C1718C</td>
                <td class="hidden-480 ">GD05</td>
                <td class="hidden-phone ">18</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">50</td>
                <td class="hidden-480 ">20</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">SP02/01.jpg</td>
                <td class="hidden-480 ">280000.00</td>
                <td class="hidden-480 "></td>
                <td class="hidden-480 ">2</td>
                <td class="hidden-480 "><span class="label label-warning">1</span></td>

                <td class="td-actions ">
                    <div class="hidden-phone visible-desktop action-buttons">
                        <a class="blue" href="#">
                            <i class="icon-zoom-in bigger-130"></i>
                        </a>

                        <a class="green" href="#">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="odd">
                <td class="center">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </td>

                <td class="hidden-480">SP03</td>
                <td class="hidden-480">Nồi cơm điện Sharp KS-18EV</td>
                <td class="hidden-480 ">GD02</td>
                <td class="hidden-phone ">3</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">100</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">SP03/01.jpg</td>
                <td class="hidden-480 ">663000.00</td>
                <td class="hidden-480 ">Tích hợp chức năng nấu và tự động hâm nóng,...</td>
                <td class="hidden-480 ">2</td>
                <td class="hidden-480 "><span class="label label-warning">1</span></td>

                <td class="td-actions ">
                    <div class="hidden-phone visible-desktop action-buttons">
                        <a class="blue" href="#">
                            <i class="icon-zoom-in bigger-130"></i>
                        </a>

                        <a class="green" href="#">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="odd">
                <td class="center">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </td>

                <td class="hidden-480">SP04</td>
                <td class="hidden-480">Bếp điện hồng ngoại AVA</td>
                <td class="hidden-480 ">GD03</td>
                <td class="hidden-phone ">29</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">50</td>
                <td class="hidden-480 ">10</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">SP04/01.jgp</td>
                <td class="hidden-480 ">500000.00</td>
                <td class="hidden-480 ">Cuộc sống trở nên tiện nghi và thoải mái hơn ...</td>
                <td class="hidden-480 ">2</td>
                <td class="hidden-480 "><span class="label label-warning">1</span></td>

                <td class="td-actions ">
                    <div class="hidden-phone visible-desktop action-buttons">
                        <a class="blue" href="#">
                            <i class="icon-zoom-in bigger-130"></i>
                        </a>

                        <a class="green" href="#">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="odd">
                <td class="center">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </td>

                <td class="hidden-480">SP05</td>
                <td class="hidden-480">Bếp điện từ Philips HD4911</td>
                <td class="hidden-480 ">GD03</td>
                <td class="hidden-phone ">16</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">10</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">0</td>
                <td class="hidden-480 ">SP05/01.jpg</td>
                <td class="hidden-480 ">1640000.00</td>
                <td class="hidden-480 "></td>
                <td class="hidden-480 ">2</td>
                <td class="hidden-480 "><span class="label label-warning">1</span></td>

                <td class="td-actions ">
                    <div class="hidden-phone visible-desktop action-buttons">
                        <a class="blue" href="#">
                            <i class="icon-zoom-in bigger-130"></i>
                        </a>

                        <a class="green" href="#">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="odd">
                <td class="center">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </td>

                <td class="hidden-480">SP06</td>
                <td class="hidden-480">TỦ LẠNH TOSHIBA WG66VDAGG</td>
                <td class="hidden-480 ">DL02</td>
                <td class="hidden-phone ">4</td>
                <td class="hidden-480 ">3</td>
                <td class="hidden-480 ">7</td>
                <td class="hidden-480 ">19</td>
                <td class="hidden-480 ">5</td>
                <td class="hidden-480 ">3</td>
                <td class="hidden-480 ">SP06/01.jpg</td>
                <td class="hidden-480 ">18950.00</td>
                <td class="hidden-480 ">Tủ lạnh 2 cánh : dung tích 660l</td>
                <td class="hidden-480 ">1</td>
                <td class="hidden-480 "><span class="label label-warning">1</span></td>

                <td class="td-actions ">
                    <div class="hidden-phone visible-desktop action-buttons">
                        <a class="blue" href="#">
                            <i class="icon-zoom-in bigger-130"></i>
                        </a>

                        <a class="green" href="#">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="odd">
                <td class="center">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </td>

                <td class="hidden-480">SP07</td>
                <td class="hidden-480">TỦ LẠNH PANASONIC NRBK346MSVN</td>
                <td class="hidden-480 ">DL02</td>
                <td class="hidden-phone ">17</td>
                <td class="hidden-480 ">4</td>
                <td class="hidden-480 ">6</td>
                <td class="hidden-480 ">31</td>
                <td class="hidden-480 ">6</td>
                <td class="hidden-480 ">4</td>
                <td class="hidden-480 ">SP07/01.jpg</td>
                <td class="hidden-480 ">8490.00</td>
                <td class="hidden-480 ">Các tính năng: Màu sắc và kiểu dáng thiết kế độc đáo </td>
                <td class="hidden-480 ">2</td>
                <td class="hidden-480 "><span class="label label-warning">1</span></td>

                <td class="td-actions ">
                    <div class="hidden-phone visible-desktop action-buttons">
                        <a class="blue" href="#">
                            <i class="icon-zoom-in bigger-130"></i>
                        </a>

                        <a class="green" href="#">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="odd">
                <td class="center">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </td>

                <td class="hidden-480">SP08</td>
                <td class="hidden-480">Máy Lạnh MITSUBISHI </td>
                <td class="hidden-480 ">DL04</td>
                <td class="hidden-phone ">20</td>
                <td class="hidden-480 ">4</td>
                <td class="hidden-480 ">6</td>
                <td class="hidden-480 ">17</td>
                <td class="hidden-480 ">4</td>
                <td class="hidden-480 ">5</td>
                <td class="hidden-480 ">SP08/01.jpg</td>
                <td class="hidden-480 ">12490.00</td>
                <td class="hidden-480 ">Công suất: 1.0HP - 2 Khối Inverter tiết kiệm điện Hàng: Nhật - Thái Lan Bảo hành: 1 năm</td>
                <td class="hidden-480 ">3</td>
                <td class="hidden-480 "><span class="label label-warning">1</span></td>

                <td class="td-actions ">
                    <div class="hidden-phone visible-desktop action-buttons">
                        <a class="blue" href="#">
                            <i class="icon-zoom-in bigger-130"></i>
                        </a>

                        <a class="green" href="#">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="odd">
                <td class="center">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </td>

                <td class="hidden-480">SP09</td>
                <td class="hidden-480">Tivi SONY KLV-40EX430 ME6 LED</td>
                <td class="hidden-480 ">DT03</td>
                <td class="hidden-phone ">1</td>
                <td class="hidden-480 ">7</td>
                <td class="hidden-480 ">3</td>
                <td class="hidden-480 ">41</td>
                <td class="hidden-480 ">5</td>
                <td class="hidden-480 ">7</td>
                <td class="hidden-480 ">SP09/01.jpg</td>
                <td class="hidden-480 ">8990.00</td>
                <td class="hidden-480 ">Trải nghiệm giải trí tại nhà bật nhất với Tivi SONY KLV-40EX430 ME6 LED</td>
                <td class="hidden-480 ">4</td>
                <td class="hidden-480 "><span class="label label-warning">1</span></td>

                <td class="td-actions ">
                    <div class="hidden-phone visible-desktop action-buttons">
                        <a class="blue" href="#">
                            <i class="icon-zoom-in bigger-130"></i>
                        </a>

                        <a class="green" href="#">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="odd">
                <td class="center">
                    <label>
                        <input type="checkbox">
                        <span class="lbl"></span>
                    </label>
                </td>

                <td class="hidden-480">SP10</td>
                <td class="hidden-480">ĐTDĐ Samsung GALAXY Y</td>
                <td class="hidden-480 ">DT08</td>
                <td class="hidden-phone ">8</td>
                <td class="hidden-480 ">4</td>
                <td class="hidden-480 ">6</td>
                <td class="hidden-480 ">34</td>
                <td class="hidden-480 ">4</td>
                <td class="hidden-480 ">6</td>
                <td class="hidden-480 ">SP10/01.jpg</td>
                <td class="hidden-480 ">2590.00</td>
                <td class="hidden-480 ">Nhanh Hơn, Mượt Hơn Thiết kế cao cấp </td>
                <td class="hidden-480 ">1</td>
                <td class="hidden-480 "><span class="label label-warning">1</span></td>

                <td class="td-actions ">
                    <div class="hidden-phone visible-desktop action-buttons">
                        <a class="blue" href="#">
                            <i class="icon-zoom-in bigger-130"></i>
                        </a>

                        <a class="green" href="#">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>

        </tbody>
    </table>
    <div class="row-fluid">
        <div class="span6">
            <div id="sample-table-2_info" class="dataTables_info">Showing 1 to 10 of 23 entries</div>
        </div>
        <div class="span6">
            <div class="dataTables_paginate paging_bootstrap pagination">
                <ul>
                    <li class="prev disabled"><a href="#"><i class="icon-double-angle-left"></i></a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li class="next"><a href="#"><i class="icon-double-angle-right"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
